<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体图标的使用</title>
 <!-- 字体图标使用顺序分四步：
 第一步：字体图标安装包fonts文件夹复制到html工作文件同级。
 第二步：声明代码复制到style样式表里（声明代码一般在字体压缩包的style.css文档里）
 第三步：打开字体压缩包里的demo.html找到对应得图标把下面的空格复制到需要用的标签里这里是（span）。
 第四步：给使用标签（span）指定字体需要与第一步声明代码的声明字体一致这里为（ font-family: 'icomoon'; 一般不修改都是这个）-->
    <style>
        /* 2声明代码 */
        @font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?qrbotk');
  src:  url('fonts/icomoon.eot?qrbotk#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?qrbotk') format('truetype'),
    url('fonts/icomoon.woff?qrbotk') format('woff'),
    url('fonts/icomoon.svg?qrbotk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
span { 
    /* 4字体样式声明 font-family: 'icomoon'; */
    font-family: 'icomoon';


    font-size: 90px;
    color: blue;
     

}
    </style>
</head>
<body>
    <!-- 3这个空格就是字体图标，压缩包里的网页（demo.html)对应图标下复制即可-->
    <span></span>
</body>
</html>